{% extends 'base.html'%}
{% block head %}
{{ js_resources|safe}}
{{ css_resources|safe}}
{% endblock %}
<!--&lt;!&ndash;欢迎&ndash;&gt;-->
{% block tou %}
<div class="row" id="tou">
    <div class="col-md-12 grid-margin">
        <div class="d-flex justify-content-between flex-wrap">
            <div class="d-flex align-items-end flex-wrap">
                <div class="mr-md-3 mr-xl-5">
                    <h2>招聘数据分析岗位相关城市分析</h2></br>
                    <p class="text-muted">1、广州的数据分析岗位需求最大，岗位需求数量超过两千。长沙的数据分析岗位需求量最少，可能与城市定位有关。</br>
                        2、数据分析岗位需求排行前4的城市是广州、深圳、上海、北京，北上广深四大城市经济较为发达，对数据分析岗位的岗位需求相对较多，可以考虑往大城市发展。</br>
                        3、除北大广深四大城市外，杭州、重庆、武汉、天津四个城市，也是当前发展的新兴城市，对于数据分析岗位的需求也较多，新兴城市也是迅猛发展的城市，对于老牌大城市，这些新兴城市的生活压力较低，也是不错的选择。</br>
                    </p>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}

{% block table %}
<div class="card-body">
    <div class="table-responsive" id="plot">
        <table id="recent-purchases-listing" class="table">
            {{the_data|safe}}
        </table>
    </div>
</div>
{% endblock %}


{% block ditu %}
<!--          切换器-->
<div class="row" id="ditu">
    <div class="col-md-12 grid-margin stretch-card">
        <div class="card">
            <div class="card-body dashboard-tabs p-0">
                <ul class="nav nav-tabs px-4" role="tablist">
                    <li class="nav-item">
                        <a class="nav-link active" id="overview-tab" data-toggle="tab" href="#overview" role="tab"
                           aria-controls="overview" aria-selected="true">城市分布热力图</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" id="sales-tab" data-toggle="tab" href="#sales" role="tab"
                           aria-controls="sales" aria-selected="false">城市分布数量图</a>
                    </li>
                </ul>
                <div class="tab-content py-0 px-0">
                    <div class="tab-pane fade active show" id="overview" role="tabpanel" aria-labelledby="overview-tab">
                        <br>
                        <div class="card-body">
                            {{ the_res|safe }}
                            </div>
                    </div>
                    <div class="tab-pane fade" id="sales" role="tabpanel" aria-labelledby="sales-tab">
                        <div class="d-flex flex-wrap justify-content-xl-between">
                            <br>
                        <div class="card-body">
                            {{the_fenbu|safe}}
                            </div>
                        </div>
                    </div>
                    <div class="card-body">
                        <h4>结果分析</h4>
                        <p class="text-muted">从岗位需求城市热力分布图来看：</br>
                            1、数据分析岗位在广东省及东部沿海地区的需求量较大，考虑到城市发达程度促进岗位需求。 </br>
                            2、从热力图来看，南方地区的需求比北方地区的需求大。
                            </br>
                            </br>
                            从职位需求数量地图来看：</br>
                            3、上海和杭州的岗位需求高，且上海、杭州、南京、苏州由于地理位置相近，容易产生集群效应，促进经济发展。</br>
                            4、中部长沙城市的需求量较中西部地区的重庆城市低，考虑国家积极发展中部计划等政策倾斜及城市定位有关</br></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}